@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{
	height:100%;
}

header{
    height:3rem;
	margin:0.5rem 1.4rem 0;
    @include flexbox;
	.title,.view{
	   @include flex-grow(1);
	   align-self: flex-end;
	}
	.title{
		color:#333333;
		font-size:$fs15;
	}
	.view{
	    .icon-question{
			@include mix-question();
		}
	    text-align:right;
		font-size:$fs11;
		color:#666;
	}
}
.itembox{
		background:url(/images/coupon/coupon-bg.jpg) no-repeat left top;
		background-size:100%;
		height:12.9rem;
		margin:1rem 1.4rem 0;
	.row{
		@include flexbox;
            padding: 2rem 0 1rem;     

		.infobox,.pricebox{
			align-self: center;
		}
		.infobox{
			color:#999999;
			font-size:$fs11;
			padding-left:1.4rem;
			@include flex-grow(1);
			.title{
				font-size:$fs15;
				color:#666;
			}
		}
		.pricebox{
			text-align:center;
			width:8rem;
			border-left:1.5px dashed #d4d4d4;
			.title{
				font-size:2.5rem;
				color:#fc7700;
				em{
				   font-size:1.6rem;
				}
			}
			.canuse{
				font-size: 1.1rem;
			}

		}
	}
	.butn{
		text-align:center;
		border-top:1.5px dashed #d4d4d4;
		width:92%;
		margin:0 auto;
		button{
			font-size:$fs15;
			color:#00c267;
			border:0;
			background-color:transparent;
			padding:0.9rem 0;
		}
	}
}
.footer{
    @include setTopLine(#d4d4d4);
	text-align:center;
	.navmenu{		
		span{
			font-size: 1.1rem;
			color:#666;
			margin:0 0.8rem;
		}
		padding:1.2rem 0;
	}
	.copyright{
	padding-bottom:1.2rem;
	    .mopon-logo{
		    background:url(/images/mopon-logo.png) no-repeat center center;
			background-size:100%;
			display:inline-block;
			width:5.1rem;
			height:1.1rem;
		}
		.support{
		   font-size:0.9rem;
		}
		.separate{
		     display:inline-block;
			 width:0;
			 height:1.1rem;
			 border-left:1.5px solid #999;
			 margin:0 1rem;
		}
	}
}